<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Cache-Control" content="no-cache">
  <meta http-equiv="Expires" content="0">
  <title>确认付款</title>
  <script src="js/mui.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script>
  <script src="js/tools.js"></script>
  <link href="css/mui.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="css/confirm_pay.min.css">
</head>

<body>
  <div class="wrap" id="app">
    <!-- 联系客服 -->
    <div class="kefu" v-if="env!='mp'" onclick="toKefu()">
      <img :src="ossImgUrl+'btn_kf.png'" alt="">
    </div>
    <div class="main">
      <!-- 模块标题 -->
      <div class="modeltitle">
        <span class="iconspan"></span>
        <span>金额信息</span>
      </div>
      <!-- 内容 -->
      <div class="content">
        <ul>
          <li class="li_item">
            <p>签约金额:</p>
            <div v-text="'¥'+sign_price"></div>
          </li>
          <li class="li_item">
            <p>保证金:</p>
            <div v-text="'¥'+ensure_price"></div>
          </li>
          <li class="li_item">
            <p>抵扣券:</p>
            <input type="text" v-model="ticket_code" v-if="isReadonly" placeholder="输入抵扣券码" @blur="getQuanPrice">
            <input type="text" v-model="ticket_code" readonly v-else>
            <span class="couponcode" v-text="'-¥'+quan_price">-¥</span>
          </li>
          <li class="li_item">
            <p>实付金额:</p>
            <div v-text="'¥'+pay_price"></div>
          </li>
        </ul>
      </div>
      <!-- 模块标题 -->
      <div class="modeltitle" v-if="isShowPaytype">
        <span class="iconspan"></span>
        <span>选择支付方式</span>
      </div>
      <!-- 付款方式 -->
      <div class="payway" v-if="isShowPaytype">
        <div class="payitem" :class="pay_type==1&&'payitem_click'" @click="payType(1)">
          <img v-if="pay_type==1" :src="ossImgUrl+'icon_wechat_click.png'" alt="">
          <img v-else :src="ossImgUrl+'icon_wechat.png'" alt="">
          <span>微信支付</span>
        </div>
        <div v-if="version && version == 'mmk'" class="payitem" :class="pay_type==2&&'payitem_click'"
          @click="payType(2)">
          <img v-if="pay_type==2" :src="ossImgUrl+'icon_alipay_click.png'" alt="">
          <img v-else :src="ossImgUrl+'icon_alipay.png'" alt="">
          <span>支付宝</span>
        </div>
        <div class="payitem" :class="pay_type==3&&'payitem_click'" @click="payType(3)">
          <img v-if="pay_type==3" :src="ossImgUrl+'icon_pos_click.png'" alt="">
          <img v-else :src="ossImgUrl+'icon_pos.png'" alt="">
          <span>POS机</span>
        </div>
        <div class="payitem" :class="pay_type==4&&'payitem_click'" @click="payType(4)">
          <img v-if="pay_type==4" :src="ossImgUrl+'icon_pay_click.png'" alt="">
          <img v-else :src="ossImgUrl+'icon_pay.png'" alt="">
          <span>线下支付</span>
        </div>
      </div>
    </div>
    <!-- 下一步 -->
    <div class="nextstep" @click="submit">
      <p class="nextmsg" v-text="btnMsg">提交</p>
    </div>
    <!-- pos扫码弹窗 -->
    <div class="poscodewrap hide" id="poscodewrap" @click="closeCode">
      <div class="poscode">
        <div class="posmain" @click="stop">
          <div id="codepic"></div>
          <div class="texttip">请使用POS机扫描此二维码</div>
        </div>
      </div>
    </div>
  </div>
</body>
<script src="js/flex.js"></script>
<script src="js/jquery-3.4.1.js"></script>
<script src="js/request.js"></script>
<script src="js/jquery.qrcode.js"></script>
<script src="js/utf.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="js/confirm_pay.js"></script>
<script src="js/not_return.js"></script>
<script>
  // 支付成功页（原生自动调用）
  function paySuccess() {
    window.location.href = "pay_success.html";
  }
</script>

</html>